<template>
  <div>
    <!-- <div v-if="!showBroser" class="share">
      <img class="logo" src="../img/logo.png"/>
      <div class="title">天天老友</div>
      <button class="down" @click="onShowBroser">下载客户端开始畅聊</button>
  </div> -->
    <Broser></Broser>
  </div>
</template>
<script>
import Broser from '../components/Broser'
export default {
  components: {
    Broser
  },
  data () {
    return {
      // showBroser: true
    }
  },
  methods: {
    onShowBroser () {
      // this.showBroser = true
    }
  }
}
</script>
<style lang="less">
.share {
  width: 100%;
  height: 100%;
  position: fixed;
  background: url('../img/background.png');
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
}
.logo {
  width: 2.94rem;
  height: 2.94rem;
  margin: 0 auto;
  margin-top: 1.29rem;
}
.title {
  color: #eb1111;
  font-size: 0.66rem;
  margin-top: 0.5rem;
  text-align: center;
}
.down {
  position: fixed;
  bottom: 2rem;
  left: 50%;
  margin-left: -2.63rem;
  width: 5.26rem;
  height: 1.25rem;
  background: rgba(236, 185, 38, 1);
  box-shadow: 0 0.06rem 0.08rem 0.05rem rgba(193, 101, 41, 0.5);
  border-radius: 0.3rem;
  color: #fff;
  font-size: 0.46rem;
}
</style>
